<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Choose Course</title>
	<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css" media="all">
	<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
	
	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
	<link rel="stylesheet" href="/bootstrap2/css/bootstrapSwitch.css">

	<!--[if IE]>
	<style type="text/css" media="all">.borderitem {border-style: solid;}</style>
	<![endif]-->
</head>


<body dir="rtl">

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>


<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/jQuery_bidit.js"></script>

<script src="/bootstrap2/js/bootstrapSwitch.js"></script>  
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/1.3/bootstrapSwitch.min.js">  
</script>

    



<!--all page is one big table-->
<table id="bigTable" border="1" width="100%" height="100%">

<tr>
<!--menu-->
<td colspan="3" bgcolor="#343d47">
<!--navbar fixed to top-->
<div class="navbar navbar-static-top">
  <div class="navbar-inner">
    
    <ul class="nav pull-right">
      <li><a href="contact.html"><i class="icon-envelope"></i> צור קשר </a></li>
      <li class="active"><a href="#"><i class="icon-pencil"></i> בנה מערכת </a></li>
       <li><a href="#"><i class="icon-home"></i> ראשי </a></li>
     <a class="brand" href="#">Bid-it!</a> 
    </ul>
 
  </div>
</div>

</td>
</tr>

<tr>
<td colspan="3" width="100%">
<table width="100%">
<tr>
<td width="20%"></td><td align="center" width="60%">
<h1>בנה מערכת</h1>
</td>
<td width="20%" align="center">

   <a href="#signInModal" role="button" class="btn btn-primary" data-toggle="modal">התחבר</a>  
    
</td></tr>
</table>
</td>

<tr>
<!--semesters buttons-->
<td colspan="3">  
<div class="btn-group" data-toggle="buttons-radio">
  <button type="button" class="btn btn-primary">סמסטר א</button>
  <button type="button" class="btn btn-primary">סמסטר ב</button>
  <button type="button" class="btn btn-primary">סמסטר קיץ</button>
</div>
  </td>
</tr>


<tr>
<!--searches-->
<td>
<table border="2" width="100%">
<tr>
<td width="70%">


<form class="form-inline">
  <input type="text" class="search-query input-medium" placeholder="חיפוש לפי שם קורס"> 
  <input type="text" class="search-query input-medium" placeholder="חיפוש לפי מספר קורס">
</form>

</td>
<td width="30%">
<!--switch tables-->
<div class="pagination pagination-small pagination-centered">
  <ul>
    <li class="disabled"><a href="#">&raquo;</a></li>
    <li class="disabled"><a href="#">1</a></li>
    <li class="active"><a href="#">2</a></li>
    <li class="disabled"><a href="#">3</a></li>
    <li class="disabled"><a href="#">&laquo;</a></li>
  </ul>
</div>
</td>
</tr>
</table>

<!--optimize and its 3 buttons-->
<td colspan="2">
<table border="1">
<div class="btn-group">
  <button class="btn btn-warning">שמור</button>

   <a href="#optimizeModal" role="button" class="btn btn-warning" data-toggle="modal">יעל</a>

   <a href="#courseCatalogModal" role="button" class="btn btn-warning" data-toggle="modal">הוסף קורסים</a>

</div>

</table>
</td>
</td>
</tr>
<tr>
<td colspan="2">




<!--timetable-->
<table  id="timeTable" width="100%" height="70%" class="table table-striped  table-bordered table-condensed" >
<thead>
<tr>
<th width="10%"></th><th width="15%">ראשון</th><th width="15%">שני</th><th width="15%">שלישי</th><th width="15%">רביעי</th><th width="15%">חמישי</th><th width="15%">שישי</th>
</tr>
</thead>
<tbody>
<tr id="row_0800">
	<th id="hour08">08:00</th>
	<td id="sunday08"></td>
    <td id="monday08"></td>
    <td id="tuesday08"></td>
    <td id="wednesday08"></td>
    <td id="thursday08"></td>
    <td id="friday08"></td>
</tr>
<tr id="row_0900">
	<th id="hour09">09:00</th>
	<td id="sunday09"></td>
    <td id="monday09"></td>
    <td id="tuesday09"></td>
    <td id="wednesday09"></td>
    <td id="thursday09"></td>
    <td id="friday09"></td>
</tr>
<tr id="row_1000">
	<th id="hour10">10:00</th>
	<td id="sunday10"></td>
    <td id="monday10"></td>
    <td id="tuesday10"></td>
    <td id="wednesday10"></td>
    <td id="thursday10"></td>
    <td id="friday10"></td>
</tr>
<tr id="row_1100">
	<th id="hour11">11:00</th>
	<td id="sunday11"></td>
    <td id="monday11"></td>
    <td id="tuesday11"></td>
    <td id="wednesday11"></td>
    <td id="thursday11"></td>
    <td id="friday11"></td>
</tr>
<tr id="row_1200">
	<th id="hour12">12:00</th>
	<td id="sunday12"></td>
    <td id="monday12"></td>
    <td id="tuesday12"></td>
    <td id="wednesday12"></td>
    <td id="thursday12"></td>
    <td id="friday12"></td>
</tr>
<tr id="row_1300">
	<th id="hour13">13:00</th>
	<td id="sunday13"></td>
    <td id="monday13"></td>
    <td id="tuesday13"></td>
    <td id="wednesday13"></td>
    <td id="thursday13"></td>
    <td id="friday13"></td>
</tr>
<tr id="row_1400">
	<th id="hour14">14:00</th>
	<td id="sunday14"></td>
    <td id="monday14"></td>
    <td id="tuesday14"></td>
    <td id="wednesday14"></td>
    <td id="thursday14"></td>
    <td id="friday14"></td>
</tr>
<tr id="row_1500">
	<th id="hour15">15:00</th>
	<td id="sunday15"></td>
    <td id="monday15"></td>
    <td id="tuesday15"></td>
    <td id="wednesday15"></td>
    <td id="thursday15"></td>
    <td id="friday15"></td>
</tr>
<tr id="row_1600">
	<th id="hour16">16:00</th>
	<td id="sunday16"></td>
    <td id="monday16"></td>
    <td id="tuesday16"></td>
    <td id="wednesday16"></td>
    <td id="thursday16"></td>
    <td id="friday16"></td>
</tr>
<tr id="row_1700">
	<th id="hour17">17:00</th>
	<td id="sunday17"></td>
    <td id="monday17"></td>
    <td id="tuesday17"></td>
    <td id="wednesday17"></td>
    <td id="thursday17"></td>
    <td id="friday17"></td>
</tr>
<tr id="row_1800">
	<th id="hour18">18:00</th>
	<td id="sunday18"></td>
    <td id="monday18"></td>
    <td id="tuesday18"></td>
    <td id="wednesday18"></td>
    <td id="thursday18"></td>
    <td id="friday18"></td>
</tr>
<tr id="row_1900">
	<th id="hour19">19:00</th>
	<td id="sunday19"></td>
    <td id="monday19"></td>
    <td id="tuesday19"></td>
    <td id="wednesday19"></td>
    <td id="thursday19"></td>
    <td id="friday19"></td>
</tr>

</tbody>
</table>
</td>


<!--accordion area-->
<td rowspan="2" width="30%"><div class="accordion" id="accordion2">

<!--buttons without accordion -->
<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#Logic">
  לוגיקה למדעי המחשב
</button>
<div id="Logic" class="collapse in"> פרופ' ארנון אברון </div>

<button  type="button" class="btn btn-danger" data-toggle="collapse" data-target="#Calculus">
  חדו"א 1
</button>
<div id="Calculus" class="collapse in"> פרופ' אינה שצ'רבק </div>



<!-- accordion -->
  <div class="accordion-group">
    <div class="accordion-heading" style="background-color:#6FF">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
       לוגיקה למדעי המחשב
      </a>
    </div>
    <div id="collapseOne" class="accordion-body collapse in">
      <div class="accordion-inner" style="color:#C60">
        אברון
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading" style="background-color:#090">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
        חדו"א 1
      </a>
    </div>
    <div id="collapseTwo" class="accordion-body collapse">
      <div class="accordion-inner">
       פרופ' אינה שצ'רבק
      </div>
    </div>
  </div>
</div>
</td>
</tr>
<tr>
<td colspan="2">

CALENDAR


</td>
</tr>
<tr>
<td colspan="3" bgcolor="#343d47" style="color:#FFF">כל הזכויות שמורות לנו</td>
</tr>


</table>







<!--template from MAYTAL -->
<!-- Sign In pop-up -->
{% block sign_in %}{% endblock %}
<!-- Optimize pop-up -->
{% block optimize %}{% endblock %}
<!-- Course catalog pop-up -->
{% block course_catalog %}{% endblock %}





</body>
</html>
